<template>
	<!-- vue3页面 -->
	<view class="Login-page">
		<image mode="aspectFill" src="https://diancan-1252107261.cos.accelerate.myqcloud.com/yiliao/denglu-yemian.jpg">
		</image>
		<button @click="login">授权登陆</button>
	</view>
</template>

<script lang='ts' setup>
// 1.引入基础模块
import { defineComponent, reactive } from 'vue'
// 2.定义登录方法
function login() {

}

</script>

<style scoped>
.Login-page {
	position: relative;
	height: 100vh;
	overflow: hidden;
}

.Login-page image {
	width: 100%;
	height: 100%;
}

.Login-page button {
	position: absolute;
	left: 50%;
	transform: translate(-50%, -50%);
	bottom: 30%;
	background-color: #2c76ef;
	color: #ffffff;
	padding: 0 100rpx;
	font-size: 35rpx;
}
</style>